<template>
	<view class="content">
		<view class="box">
		<!-- 	<text class="tit">工具</text> -->
			<view class="uls">
				<view class="lis"  style="background:#550303;"  @click='push_danmu'>
					<!-- <uni-icons type="color-filled" size="40" color="#fff"></uni-icons> -->
					<text class="text">手持弹幕</text>
				</view>
				<!-- <view class="lis"  style="background:#e57d4c;"  @click='push_huatu'>
					<uni-icons type="color-filled" size="40" color="#fff"></uni-icons>
					<text class="text">画图</text>
				</view> -->
				<view class="lis"  style="background:#416dff;"  @click='push_jiushu'>
					<!-- <uni-icons type="color-filled" size="40" color="#fff"></uni-icons> -->
					<text class="text">计数器</text>
				</view>
				<view class="lis"  style="background:#1c305b;"  @click='push_zhuandaxie'>
					<text class="text">数字转大写</text>
				</view> 
				<view class="lis"  style="background:#ff7077;"  @click='push_biaoqingbao'>
					<!-- <uni-icons type="color-filled" size="40" color="#fff"></uni-icons> -->
					<text class="text">汉语字典</text>
				</view>
		
				<view class="lis"  style="background:#9f73ff;"  @click='push_English'>
					<text class="text">每日一句英语</text>
				</view>
				<!-- <view class="lis"  style="background:#9f73ff;"  @click='push_2048'>
				 	<text class="text">2048</text>
				 </view> -->
				 <!-- <view class="lis"  style="background:#2e5d45;"  @click='push_saolei'>
				 	<text class="text">扫雷</text>
				 </view> -->
				 <view class="lis"  style="background:#4b00e3;"  @click='push_shoji'>
				 	<text class="text">手机信息</text>
				 </view>
				<!-- <view class="lis"  style="background:#c74200;"  @click='push_shouming'>
				  	<text class="text">生辰计算</text>
					
				  </view> -->
				  <view class="lis"  style="background:#d0679c;"  @click='push_majiang'>
				  	<text class="text">麻将记录</text>
				  </view>
				  
				  <view class="lis"  style="background:#7e7e5e;"  @click='push_time'>
				  	<text class="text">时间距离</text>
				  </view>
				
				<view class="lis"  style="background:#8f5f00;"  @click='push_vibrate'>
					<text class="text">震动</text>
				</view>
				<view class="lis"  style="background:#00af54;">
					<!-- <uni-icons type="color-filled" size="40" color="#fff"></uni-icons> -->
					<text class="text">持续更新中~</text>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			push_English(){
				uni.navigateTo({
					url: "../../page_gongju/English/English",
				})
			},
			moves_push() {
				uni.navigateTo({
					url: "/pages/tool/movies/movies"
				})
			},
			moyu() {
				uni.navigateTo({
					url: "/pages/tool/moyuren/moyuren"
				})
			},
			push_danmu() {
				uni.navigateTo({
					url: "../../page_gongju/danmu/danmu"
				})
			},
			push_huatu(){
				uni.navigateTo({
					url: "../../page_gongju/tool/hua_tu/hua_tu"
				})
			},
			push_jiushu(){
				uni.navigateTo({
					url: "../../page_gongju/jishuqi/jishuqi"
				})
			},
			push_biaoqingbao(){
				uni.navigateTo({
					url: "../../page_gongju/biaoqingbao/biaoqingbao"
				})
			},
			push_today(){
				uni.navigateTo({
					url: "../../page_gongju/erweima/erweima"
				})
			},
			push_kuaidi(){
				uni.navigateTo({
					url: "/page_gongju/kuaidi/kuaidi"
				})
			},
			push_2048(){
				uni.navigateTo({
					url: "../../pages/tool/2048/2048"
				})
			},
			push_shoji(){
				uni.navigateTo({
					url: "../../page_gongju/deviceInfo/deviceInfo"
				})
			},
			push_saolei(){
				uni.navigateTo({
					url: "../../page_gongju/mineSweeping/mineSweeping"
				})
			},
			push_zhuandaxie(){
				uni.navigateTo({
					url: "../../page_gongju/toggleCase/toggleCase"
				})
				
			},
			push_shouming(){
				uni.navigateTo({
					url: "../../page_gongju/ageCalculator/ageCalculator"
				})
			},
			push_majiang(){
				uni.navigateTo({
					url: "../../page_gongju/Mahjong/Mahjong"
				})
			},
			push_time(){
				uni.navigateTo({
					url: "../../page_gongju/PeriodDays/PeriodDays"
				})
			},
			push_vibrate(){
				uni.navigateTo({
					url: "../../page_gongju/vibrate/vibrate"
				})
			}
			
			
			
			
		}
	}
</script>

<style scoped>
	.content {
		padding: 25rpx;
		box-sizing: border-box;
	}
	
	.box{
		width: 100%;
		box-sizing: border-box;
	}
	
	.box text.tit{
		font-size:34rpx;
		font-weight:bold;
		display: block;
		margin-bottom:20rpx;
	}
	
	.uls{
		width: 100%;
		display:grid;
		grid-template-columns: repeat(2,1fr);
		grid-gap: 20rpx;
	}
	
	.uls .lis{
		height:100rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20rpx 0;
		text-align: center;
		border-radius: 10rpx;
	}
	
	.uls .lis text{
		color: #fff;
		font-size: 34rpx;
		margin-left:15rpx;
	}

</style>